html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,form,legend,dl,dt,dd,ul,ol,li{margin:0;padding:0;border:0}
html,body{height:100%;position:relative}
body{margin:0;padding:0;font-family:'-apple-system','HelveticaNeue',"Microsoft YaHei";background:#fff;font-size:10px}
@media (min-width:1441px){html,body{font-size:10px}}
@media (min-width:1081px) and (max-width:1440px){html,body{font-size:8.75px}}
@media (min-width:320px) and (max-width:1080px){html,body{font-size:10px}}
h1,h2,h3,h4,h5,h6,b,i,em{font-weight:normal;font-style:normal}
ol,ul,li{list-style:none}
li{list-style-type:none}
a{text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 4107786 */
    src: url('/css/font_4107786_bsf19b24b9o.woff?t=1742799165827') format('woff'),
         url('/css/font_4107786_bsf19b24b9o.ttf?t=1742799165827') format('truetype');
  }

.header{z-index:2;width:100%;max-width:1300px;min-width:1080px;height:10rem;margin:0 auto;position: relative;}
.header h2{width:60rem;top:1.8rem;left:0;position:absolute;padding:0;margin:0}
.header h2 img{display:block;border:0;height:6.4rem;width:auto}



.menu{width:100%;min-width:1080px;padding:.8rem 0;margin:0 auto;height:5.6rem;background:rgb(255, 255, 255,.2);box-sizing: border-box;background-image: linear-gradient(to top, #295dcb, #3879d9);}

.menu ul{width:100%;min-width:1080px;max-width:1300px;margin:0 auto;height:4rem;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content: space-evenly;align-items:stretch;align-content:stretch}
.menu ul li{line-height:4rem;margin:0;padding:0;position:relative;border-radius:20px;}
.menu ul li a{font-size:1.6rem;line-height:4rem;display:block;color:#fff;font-weight:600;padding:0 24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.menu ul li a:hover{color:rgb(41,93,203,1)}
.menu ul li:hover,.menu ul li.on{background:rgb(255, 255, 255, .6)}
.menu ul li.on a{color:rgb(41,93,203,1);font-weight:600}
@media (max-width:1080px){
    .header{width:100%;height:5rem;max-width:1080px;min-width:320px;}
    .header h2{top:1rem;left:1%;width:99%;}
    .header h2 img{display:block;border:0;height:3rem;width:auto;}
    .menu{width:100%;min-width:320px;padding:.2rem 0;margin:0 auto;height:4.4rem;}
    .menu ul{width:100%;min-width:320px;max-width:1080px;margin:0 auto;overflow-x: auto;}
    .menu ul li{line-height:4rem;margin:0;padding:0;position:relative;border-radius:0;}
    .menu ul li a{font-size:1.4rem;line-height:4rem;}
    .menu ul li a:hover{color:#fff}
    .menu ul li:hover,.menu ul li.on{background:none}
    .menu ul li.on a{color:#fff;font-weight:600}    
}

.banner{width:100%;min-width:1260px;max-width:1300px;height:auto;overflow:hidden;position:relative;background:#fff;z-index:1;margin:1.5rem auto 0 auto;border-radius: .8rem}
.banner .swiper-slide .p1{width:100%;position:relative;z-index:2}
.banner .swiper-slide .p1 img{opacity:1;width:100%;height:auto;display:block;-webkit-transition:all 0.8s;transition:all 0.8s;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.banner .swiper-slide-active .p1 img{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.banner .swiper-slide .p2{width:80%;min-width:1000px;max-width:1200px;position:absolute;left:50%;top:50%;z-index:3;text-align:right;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);transition: 1s ease .4s;opacity:0;}
.banner .swiper-slide .p2 i{ font-size:3.6rem;line-height:4rem;font-weight:600;color:#fff;display:block;width:100%}
.banner .swiper-slide .p2 em{ font-size:2rem;line-height:4rem;font-weight:600;color:#fff;display:block;width:100%}
.banner .swiper-slide-active .p2{top:30%;opacity:1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}

@media (max-width:1080px){
    .banner{width:100%;min-width:320px;max-width:1080px;margin:.6rem auto 0 auto;border-radius:0}
    .banner .swiper-slide .p1{width:100%;position:relative;z-index:2}
    .banner .swiper-slide .p1 img{opacity:1;width:100%;height:auto;display:block;-webkit-transition:all 0.8s;transition:all 0.8s;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
    .banner .swiper-slide-active .p1 img{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    
    .banner .swiper-slide .p2{width:80%;min-width:320px;max-width:1000px;text-align:center;top:60%;;}
    .banner .swiper-slide .p2 i{ font-size:2.4rem;line-height:4rem;}
    .banner .swiper-slide .p2 em{ font-size:1.6rem;line-height:2rem;}
    .banner .swiper-slide-active .p2{top:50%;}

}


.so{padding:0 0 1rem 0.5rem;width:100%;box-sizing: border-box;background:#f2f2f2;padding:2rem;border-radius: 0 0 1.5rem 1.5rem;}
.so img{vertical-align:middle;width:5rem;height:auto}
.soi{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;width:calc(100% - 14rem);border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:32px;line-height:32px;outline:none;padding:0 5px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);vertical-align:middle}
.soi_b{color:#fff;background-color:#409eff;border-color:#409eff;width:8rem;box-sizing:border-box;font-size:1.4rem;}
.soi_b:hover{box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}
@media (max-width:1080px){
    .so{border-radius: 0 0 1rem 1rem;}

}

.header .search{width:300px;height:4.2rem;position:absolute;right:0;top:3rem;background:rgb(41,93,203,.1);-moz-border-radius:.8rem;-webkit-border-radius:.8rem;border-radius:.8rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;align-content:stretch;overflow:hidden}
.header .search .ninput{width:230px;height:4.2rem;border:0;padding:0 15px;box-sizing:border-box;font-size:14px;color:rgb(41,93,203,.5);-webkit-appearance:none;appearance:none;background:none;background-image:none;border-radius:0 .8rem .8rem 0;display:block;outline:none;box-sizing:border-box}
.header .search .ninp{margin:0;padding:0;font-size:16px;width:60px;height:4.2rem;text-align:center;line-height:4.2rem;color:rgb(41,93,203,1);font-family:"iconfont";display:inline-block;box-sizing:border-box;border-left:1px solid rgb(41,93,203,.05);background:rgb(255,255,255,0.1);cursor:pointer}
.header .search .ninput:-internal-autofill-selected{background:none}
::placeholder{color:rgb(41,93,203,.4)}

.he_fd{bottom:65px;width:45px;background:#295dcb;font-family:"iconfont";-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:5}
.he_fd li{position:relative;width:45px;height:45px}
.he_fd i{width:45px;height:45px;font-size:20px;line-height:45px;color:#fff;text-align:center;cursor:pointer}
.he_fd p{display:none;position:absolute;right:45px;bottom:0;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid rgb(41,93,203,0.2)}
.he_fd .f_tel{width:200px;height:45px;font-size:14px;line-height:45px;color:#000}
.he_fd .f_ew{padding:5px;width:120px;height:150px;font-size:14px;line-height:30px;color:#000}
.he_fd .f_qq{padding:5px;color:#000}
.he_fd .f_ew img{display:block}


/* .all{width:100%;max-width:1300px;margin:0 auto} */
.main{width:100%;max-width:1300px;margin:0 auto;display:flex;padding:1.5rem 0;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch}
.main_l{width:26%;background:#fff;border-radius:1.5rem;border:1px solid #f2f2f2;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:stretch}
.main_r{width:73%}
@media (max-width:1080px){
    .header .search{display:none}
    .main{width:100%;max-width:1080px;margin:0 auto;padding:1rem 0;display:flex;flex-direction: column;}
    .main_l{width:100%;background:#fff;border-radius:.8rem;display:flex;flex-direction:column;}
    .main_r{width:100%}
}

.about{width:100%;position:relative;padding:1.5rem;z-index:1;border:1px solid #f2f2f2;border-radius:1.5rem;box-sizing:border-box}

.about_c .h2,.chp_title,.book .h2,.jobs_list .h2,.plist .h2,.inews .h2,.product .h2,.about .h2,.neirong .h1{box-sizing:border-box;height:4.2rem;width:100%;position:relative;margin:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}
.chp_title,.book .h2,.jobs_list .h2,.about_c .h2{border-bottom:1px solid #f2f2f2}
.inews .h2 h2,.product .h2 h2,.plist .h2 h2,.jobs_list .h2 h2,.about .h2 h2{font-size:2rem;line-height:3rem;color:#3879d9;font-weight:600;position:relative}
.about ul{padding:0;font-size:1.6rem;line-height:180%}
.about ul p{padding:.5rem 0}
.about_c{width:100%;position:relative;padding:2rem;z-index:1;box-sizing:border-box;-moz-border-radius:1.5rem;-webkit-border-radius:1.5rem;border-radius:1.5rem;border:1px solid #f2f2f2}
.chp_title h2,.book .h2 h2,.jobs_list .h2 h2,.about_c .h2 h2{font-size:2.2rem;line-height:3rem;color:#3879d9;font-weight:600;position:relative;padding-left:3rem;box-sizing:border-box}
.chp_title h2:before,.book .h2 h2:before,.jobs_list .h2 h2:before,.about_c .h2 h2:before{width:1rem;height:2.4rem;position:absolute;left:.5rem;bottom:.3rem;content:"";display:block;border-radius:1rem;background:rgb(56,121,217,.6);z-index:-1}
.chp,
.inews{width:100%;position:relative;padding:1.5rem;z-index:1;box-sizing:border-box;border:1px solid #f1f5f8;-moz-border-radius:1.5rem;-webkit-border-radius:1.5rem;border-radius:1.5rem}
.inews{margin:1.5rem 0 0 0;}
.chp{margin:0;}

.chp ul{width:100%;margin:0 auto;padding:0.5rem 0;position:relative;z-index:2;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;align-content:stretch}


.chp ul li{position:relative;width:100%;padding:0 2rem;margin:0rem;overflow:hidden;box-sizing:border-box;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.chp ul li:hover{-webkit-box-shadow:0px 0px 6px 3px rgb(56, 121, 217,.2);;-moz-box-shadow:0px 0px 6px 3px rgb(56, 121, 217,.2);;box-shadow:0px 0px 6px 3px rgb(56, 121, 217,.2);z-index:2;-moz-border-radius:0.5rem;-webkit-border-radius:0.5rem;border-radius:0.5rem}
.chp ul>li:nth-child(n+2){border-top:1px solid #f2f2f2}

.chp ul li a>.itext i {font-size:1.6rem;line-height:5rem;color:rgba(0,0,0,0.8);display:block;width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.chp ul li a>.itext em{font-size:1.4rem;line-height:5rem;color:rgba(0,0,0,0.6);display:block;width:28%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;text-align:right}

.chp ul li a:hover .itext i {color:#3879d9;}
.chp ul li a:hover .itext em{color:#f37823}

@media (max-width:1080px){
    .about{width:100%;padding:1rem;border-radius:1rem;margin-top:1rem;}
    .inews .h2 h2,.product .h2 h2,.plist .h2 h2,.jobs_list .h2 h2,.about .h2 h2{font-size:1.8rem;line-height:3rem;color:#3879d9;font-weight:600;position:relative}
    .about ul{padding:0;font-size:1.4rem;line-height:180%}
    .about ul p{padding:.5rem 0}

    .about_c{width:100%;padding:1rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
    .chp_title h2,.book .h2 h2,.jobs_list .h2 h2,.about_c .h2 h2{font-size:1.8rem;line-height:3rem;color:#3879d9;font-weight:600;position:relative;padding-left:2rem;box-sizing:border-box}
    .chp_title h2:before,.book .h2 h2:before,.jobs_list .h2 h2:before,.about_c .h2 h2:before{width:.6rem;height:1.8rem;position:absolute;left:.5rem;bottom:.5rem;}
    .chp,
    .inews{padding:1rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem}
    .inews{margin:1rem 0 0 0;}
    
    .chp ul{width:100%;margin:0 auto;padding:0.5rem 0;position:relative;z-index:2;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;align-content:stretch}
    .chp ul li{padding:0 1rem;}


.chp ul li a>.itext i {font-size:1.4rem;line-height:2rem;color:rgba(0,0,0,0.8);display:block;width:100%;}
.chp ul li a>.itext em{font-size:1.4rem;line-height:2rem;color:rgba(0,0,0,0.6);display:block;width:100%;text-align:left}

    
}


.plist{width:100%;max-width:1300px;margin:0 auto;position:relative;padding:1.5rem;z-index:1;box-sizing:border-box;border:1px solid #f1f5f8;-moz-border-radius:1.5rem;-webkit-border-radius:1.5rem;border-radius:1.5rem}
.inews ul,.plist ul{position:relative;padding:0.5rem 0}
.inews li{position:relative;z-index:1;}
.inews li:not(:last-child){border-bottom:1px solid #f2f2f2}
.inews li a,.plist li a{display:block;width:100%;}
.chp ul li a>.itext,
.inews li a>.itext{display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;}

.inews li a .itext i {font-size:1.6rem;line-height:4.2rem;color:rgba(0,0,0,0.8);display:block;max-width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.inews li a .itext em{font-size:1.4rem;line-height:4.2rem;color:rgba(0,0,0,0.6);min-width:30%;text-align: right;}

@media (max-width:1080px){
    .chp ul li a>.itext,
    .inews li a>.itext{padding:1rem 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center
}
.inews li a .itext i {font-size:1.4rem;line-height:2rem;width:100%;}
.inews li a .itext em{font-size:1.2rem;line-height:2rem;width:100%;text-align: left;}
}

.inews li:hover .itext i{color:#3879d9}
.inews li:hover .itext em{color:#f37823}
.h_attr{font-size:14px;padding:5px 0;line-height:26px;color:#333;border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch}
.h_attr span{display:block}

.plist li{width:calc(20% - 1rem);border:1px solid #f2f2f2;border-radius: .8rem;padding:1rem;box-sizing: border-box;margin:0 .5rem;}
.plist li a .ip{display:block;width:100%;overflow:hidden;border-radius: .8rem;}
.plist li a .ip img{width:100%;height:auto;border:0}
.plist li a .itext{margin:0 auto;font-size:1.6rem;line-height:4rem;color:rgba(0,0,0,0.8);display:block;width:90%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;text-align:center}
.plist li:hover a .itext{color:#3879d9}

@media (max-width:1080px){
    .plist li{width:calc(50% - 1rem);border-radius: .5rem;padding:.5rem;margin:0 .5rem;}
    .plist li a .ip{border-radius: .5rem;}
    .plist li a .itext{font-size:1.4rem;line-height:3rem;}


}

.l_class,.l_c{width:100%;margin:0;padding:1.5rem;box-sizing: border-box;background: url(/images/h2.jpg) no-repeat top right;background-size: 100% auto;border-radius: 1.5rem;}
.c_r h2,
.l_class h2,.nav h2{box-sizing:border-box;height:4.2rem;width:99%;margin:0 auto;position:relative;color:#3879d9;font-size:2rem;line-height:3rem;font-weight:600;padding-bottom:1rem;z-index: 2;}
.about .h2:before,.inews .h2:before,.plist .h2:before,
.l_class h2:before{width:12rem;height:1.5rem;position: absolute;left:0;top:1.8rem;content:"";display:block;background-image: linear-gradient(to right, rgba(96, 146, 223, 0.6), rgb(255, 255, 255,.3));border-radius: 1rem;z-index: -1;;}




.l_class ul li{border:1px solid rgb(56, 121, 217,0.1);border-radius: 1rem;margin-top:1rem}
.l_class ul li a{font-size:1.6rem;line-height:4.2rem;color:#000;display:block;position:relative;padding-left:4rem;background:rgb(238, 246, 255,.5)}
.l_class ul li a:before,.l_class ul li a:after{font-weight:200;position:absolute;height:3rem;top:.6rem;display:block;font-size:1.4rem;line-height:3rem;text-align:center;font-family:'iconfont'}
.l_class ul li a:before{color:#ddd;left:0rem;content:"\e6dc";width:4rem;}
.l_class ul li a:after{color:#ddd;right:1rem;content:"\e65c";width:3rem;}
.l_class ul li a:hover:before{color:#3879d9}
.l_class ul li a:hover:after{background:#fff;border-radius: 1rem;color:#f27125}
.l_class ul li:hover a{color:#3879d9}


.nav{width:26%;margin:0;padding:1.5rem;box-sizing: border-box;border:1px solid #f2f3f8;border-radius:1.5rem;}
.c_r h2,
.nav h2{font-size:1.8rem;border-bottom:1px solid #f2f2f2;padding-left:1rem;box-sizing: border-box;}
.c_r h2:before,
.nav h2:before{width:8rem;height:2rem;position: absolute;left:1rem;bottom:.5rem;content:"";display:block;border-radius: 2rem;
    background-image: linear-gradient(to right, rgba(96, 146, 223, 0.6), rgb(255, 255, 255,.3));z-index: -1;}
.c_r ul,.nav ul{width:100%}
    
.nav ul li{background:#fff;margin-top:1rem;border-radius: 1rem;border:1px solid #f2f3f8;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li a{font-size:1.6rem;line-height:4.6rem;color:#000;display:block;width:100%;height:4.6rem;padding:0 2rem;box-sizing: border-box;position: relative;}
.nav ul li a:after{display:block;width:4rem;height:4.6rem;font-size:1.6rem;content:"\e73a";font-family: "iconfont";color:#ddd;position: absolute;right:1rem;top:0;text-align: center;}
.nav ul li:hover{border:1px solid rgb(41, 93, 203,.3)}
.nav ul li:hover a:after,.nav ul li:hover a{color:#295dcb}

@media (max-width:1080px){
    .l_class,.l_c{width:100%;padding:1rem;border-radius: 1rem;}
    .c_r h2,
    .l_class h2,.nav h2{box-sizing:border-box;height:3.6rem;width:99%;margin:0 auto;position:relative;color:#3879d9;font-size:1.8rem;line-height:3rem;font-weight:600;padding-bottom:1rem;z-index: 2;}
    .about .h2:before,.inews .h2:before,.plist .h2:before,
    .l_class h2:before{width:6rem;height:1.2rem;top:1.8rem;border-radius: 1rem;}
    .l_class ul{display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: stretch;}
.l_class ul li{width:calc(50% - .6rem);border-radius: 1rem;margin-top:1rem;box-sizing: border-box;}
.l_class ul li a{font-size:1.4rem;line-height:3.6rem;padding:0 1rem;width:100%;box-sizing: border-box;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.l_class ul li a:before,.l_class ul li a:after{display:none}
.l_class ul li a:hover:before{color:#3879d9}
.l_class ul li a:hover:after{background:#fff;border-radius: 1rem;color:#f27125}
.l_class ul li:hover a{color:#3879d9}


.nav{width:100%;margin:0 0 1rem 0;padding:1rem;border-radius:1rem;}
.nav h2{display:none}
.c_r h2:before,
.nav h2:before{display:none}
.c_r ul{width:100%}
.nav ul{width:100%;overflow-x: auto;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
    .nav ul li{ margin:0 1rem 0 0}
    .nav ul li:hover,
    .nav ul li:hover a:after,.nav ul li:hover a,
.nav ul li a{font-size:1.4rem;line-height:3.6rem;color:#000;display:block;width:100%;height:3.6rem;padding:0 1rem;word-break: keep-all;white-space: nowrap;}
.nav ul li a:after{display:none}
.nav ul li.on{border:1px solid rgb(41, 93, 203,.3)}
.nav ul li.on a{color:#3879d9}


}




.c_r h2{padding-left:0}
.c_r h2:before{left:0}
.c_r ul{padding-top:1rem}

.c_r ul li{background:#fff;border-bottom:1px solid #f2f2f2}
.c_r ul li a{display:block;width:100%;padding:1rem 0}
.c_r ul li a i{font-size:1.4rem;line-height:2rem;color:#000;display:block;width:100%;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.c_r ul li a em{font-size:1.4rem;line-height:2rem;color:#999;display:block;width:100%;padding-top:.6rem}
.c_r ul li a:hover i{color:#3879d9}
.flink{width:100%;max-width:1300px;border:1px solid #f2f2f2;margin:1.5rem auto;padding:1.5rem;box-sizing:border-box;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:stretch}
.flink span{display:block;background:#f2f2f2;-moz-border-radius:0.5rem;-webkit-border-radius:0.5rem;border-radius:0.5rem;font-size:14px;line-height:32px;height:32px;padding:0 1rem}
.flink a{font-size:1.4rem;line-height:3.4rem;color:#333;padding:0 .5rem}
.flink a:hover{color:#409eff}

@media (max-width:1080px){
    .flink{display:none}

}

.i_p{width:100%;padding:1rem 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}
.i_p .ipic{width:16rem;}

.i_p .ipic img{display:block;width:100%;height:auto;border:0}
.i_p .itext{width:calc(100% - 18rem);box-sizing:border-box}
.i_p .itext .t1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.6rem;line-height:2.2rem;color:#333}
.i_p .itext .t2{font-size:1.4rem;line-height:2rem;color:#999;width:100%;overflow: hidden;padding:1rem 0;
-webkit-line-clamp: 2;
line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.i_p .itext .t3{font-size:1.4rem;line-height:2rem;color:#999;width:100%;}
.i_p .itext .t3 i{padding:0 1rem 0 2rem;position: relative;}
.i_p .itext .t3 i:before{display: block;position: absolute;font-family: "iconfont";font-size:1.4rem;line-height:2rem;color:#999;left:0;top:0;width:2rem;height:2rem;}
.i_p .itext .t3 i.itime:before{content:"\e65f"}
.i_p .itext .t3 i.hits:before{content:"\e66f"}

.i_p:hover .itext .t1{color:#3879d9}

@media (max-width:1080px){
    .i_p{width:100%;padding:1rem 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}
    .i_p .ipic{width:10rem;}
    

    .i_p .itext{width:calc(100% - 11rem);}
    .i_p .itext .t1{overflow: hidden;white-space:initial;-webkit-line-clamp: 2;padding-bottom:.5rem;
        line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;font-size:1.4rem;line-height:2.2rem;color:#333}
    .i_p .itext .t2{display:none;
        }
    .i_p .itext .t3{font-size:1.2rem;line-height:2rem;color:#999;width:100%;}
    .i_p .itext .t3 i{padding:0 1rem 0 2rem;position: relative;}
    
}


.bottom{width:100%;min-width:1260px;position:relative;background:rgb(0,0,0,.8);z-index:1;margin:0 auto}
.bottom>ul{width:100%;max-width:1300px;margin:0 auto;display:flex;padding:20px 0;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}
.bottom>ul .contact{width:500px}
.bottom>ul .contact h2{font-size:18px;line-height:40px;color:rgb(255,255,255,.6);font-weight:600;padding-bottom:10px;position:relative}
.bottom>ul .contact h2:before{content:"";left:0;bottom:6px;width:40px;height:1px;background:rgb(255,255,255,.6);position:absolute}
.bottom>ul .contact ul{font-size:14px;line-height:160%;color:rgb(255,255,255,.6)}
.bottom>ul .link{width:400px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;align-content:flex-start}
.bottom>ul .link li{font-size:16px;line-height:40px;width:30%;text-align:center}
.bottom>ul .link li a{font-size:16px;line-height:40px;color:rgb(255,255,255,.6)}
.bottom>ul .link li.on{display:none}
.bottom .itext{width:100%;max-width:1300px;margin:0 auto;font-size:13px;line-height:30px;color:rgb(255,255,255,.3);padding:10px 0;border-top:1px solid rgb(255,255,255,.1);display:flex;flex-direction:row;font-weight:200;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:flex-start}
.bottom .itext a{font-size:13px;line-height:30px;color:rgb(255,255,255,.4)}
.book{width:100%;background:#fff;-moz-border-radius:1.5rem;-webkit-border-radius:1.5rem;border-radius:1.5rem;padding:1.5rem;border:1px solid #f2f2f2;box-sizing:border-box;z-index:1;position:relative}
.book ul{padding:1.5rem 0}
.book li{margin:0 auto;width:100%;font-size:1.6rem;line-height:4rem;padding:0 0 10px 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:flex-start}
@media (min-width:320px) and (max-width:1080px){
    .bottom{width:100%;min-width:320px;max-width:1080px;}
    .bottom>ul{width:96%;max-width:1000px;flex-direction: column;margin:0 auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;}
    .bottom>ul .contact{width:100%}
    .bottom>ul .contact h2{font-size:18px;line-height:40px;color:rgb(255,255,255,.6);padding-bottom:10px;}
    .bottom>ul .contact ul{font-size:14px;}
    .bottom .itext{width:96%;max-width:1080px;margin:0 auto;font-size:12px;line-height:20px;color:rgb(255,255,255,.3);padding:10px 0;flex-direction: column;
        font-weight: 200;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;text-align:center;}
        .bottom .itext a{font-size:12px;line-height:20px;}
    .bottom>ul .link{display:none}

    .book{width:100%;background:#fff;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;padding:1rem;}
    .book ul{padding:1rem 0}
    .book li{font-size:1.4rem;line-height:4rem;padding:0 0 10px 0;}    
}
.book li i{display:block;width:20%;text-align:center;color:#333;position:relative}
.book li p{width:70%}
.book li.m i:before{content:"*";color:#C00;display:block;width:15px;position:absolute;left:0px;top:0;font-size: 12px;line-height: inherit;}
.book li p span{display:inline-block;border:1px solid #f2f2f2;margin:0 10px 0 0;padding:0 10px;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.book li p span.on,.contact-2 .book li p span:hover{border:1px solid #00429c;color:#00429c}
.book li input{height:34px}
.book li textarea{height:136px}
.book li input,.book li textarea{border:1px solid #f2f2f2;font-size:1.6rem;line-height:3.4rem;width:100%;padding:0 10px;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;outline:none;background-color:transparent;color:#000;-webkit-box-shadow:0 0 0 60px #fff inset;box-shadow:0 0 0 60px #fff inset;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.book li .ibutton{width:20rem;height:4.6rem;line-height:4.6rem;margin-top:10px;margin:0;border:1px solid #f2f2f2;background:#3879d9;color:#fff;font-size:1.6rem;display:block;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.book li .ibutton:hover {background: #00429c;color: #fff}

.book li p span.on{color:#3879d9}
.book li .repbut{width:498px;height:56px;line-height:56px;margin-top:10px;border:1px solid #f2f2f2;background:#fff;color:#3879d9;font-size:18px;display:block;text-align:center}
.book li input {height: 40px;line-height: 38px;}

.book li textarea {height: 136px}

.book li input:focus,.book li textarea:focus,.book li p span.on {border: 1px solid rgb(0, 66, 156,.1);}

@media (min-width:320px) and (max-width:1080px){

    .book li i{width:20%;}
    .book li p{width:80%}
    .book li .ibutton{width:14rem;height:4rem;line-height:4rem;font-size:1.4rem;}

}

.none{text-align:center;color:#999;font-size:14px;line-height:40px;}

.jobs_list{width:100%;margin:0 auto;padding:1.5rem;box-sizing: border-box;border:1px solid #f2f2f2;border-radius: 1.5rem;}

.jobs_list .h3{font-size:1.6rem;line-height:5rem;padding:0 1.5rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;margin-top:1.5rem;background:#f2f2f2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:center}
.jobs_list .h3 i{width:20%;font-weight:600;color:#333}
.jobs_list .h3 i:first-child{width:30%;display:block}
.jobs_list .job{margin:1rem 0;padding:.5rem 1.5rem;border-bottom:1px solid #f2f2f2;box-sizing:border-box;-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.jobs_list .job_t{font-size:1.5rem;line-height:5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:center}
.jobs_list .job_t i{color:#3879d9;width:30%;font-weight:600}
.jobs_list .job_t span{width:20%}
.jobs_list .job_t em,.jobs_list .h3 em{width:10%;font-family:"iconfont";color:rgb(0,66,156);cursor:pointer;text-align:right;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.jobs_list .job_a{font-size:1.5rem;line-height:4rem;color:#666;margin-top:1rem;display:none;flex-direction:row;flex-wrap:nowrap;justify-content:left;align-items:center;align-content:center}.jobs_list .job_a span{width:auto;padding-right:3rem}
.jobs_list .job_c{display:none;padding-top:2rem}
.jobs_list .job_c dt{font-size:1.5rem;color:#3879d9}
.jobs_list .job_c dd{font-size:1.5rem;line-height:160%;color:#000;padding:1rem 0}
.jobs_list .job.on{border:1px solid #f2f2f2;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.jobs_list .job.on .job_t{font-weight:600;border-bottom:1px solid rgb(0, 66, 156,.1);}
.jobs_list .job.on .job_a{display: flex;}
.jobs_list .job.on .job_c{display:block}

.maopao{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:5px 5px 5px 0px #c59c1e;box-shadow:0px 0px 0px 3px #f2f3f8;width:120px;padding:50px 20px 20px 20px;text-align:center;font-size:14px;line-height:24px;position:fixed;left:50%;top:50%;background:#fff;margin-top:-140px;margin-left:-140px;z-index:9999999;animation:mp 2s;-webkit-animation:mp 2s}
.maopao.no{color:#ff0000}
.maopao.ok{color:#090}
.maopao:before{position:absolute;left:calc(50% - 20px);top:10px;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;display:block;font-family:"iconfont" !important}
.maopao.ok:before{content:"\e658"}
.maopao.no:before{content:"\e656";color:#ff0000}
.maopao.l:before{content:"";background:url(/js/loading.gif) center center no-repeat;background-size:80% 80%}

@keyframes mp{
    0%{margin-top:-100px;-webkit-transform:scale(0.9);transform:scale(0.9)}
50%{margin-top:-160px;opacity:1;-webkit-opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{margin-top:-200px;opacity:0;-webkit-opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8)}
}

.title{font-size:24px;padding:2rem 5% 1rem 5%;width:90%;font-weight:bold;margin:0px auto;text-align:center}
.attr{border-bottom:1px dashed #ededed;font-size:14px;line-height:3rem;padding-bottom:1rem;color:#999;width:100%;margin:0 auto;text-align:center}
.attr i{color:#999;padding:0 5px;font-family:"iconfont"}
.np{width:100%;margin:0 auto;padding:1rem 0rem;box-sizing:border-box;line-height:30px;color:#6D6C7A;text-align:left;font-size:14px;clear:both;font-weight:normal;margin:10px auto 0 auto;border-top:1px dashed #f2f2f2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.np p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.np a{font-size:14px;line-height:30px;color:#000}
.np a:hover{color:#0068b7}

.c_r{width:26%;border:1px solid #f2f2f2;border-radius: 1.5rem;padding:1.5rem;box-sizing: border-box;}
@media (max-width:1080px){
    .c_r{width:100%;border-radius: 1rem;padding:1rem;margin-top:1rem;}
    .title{font-size:18px;padding:2rem 5% 1rem 5%;}
}
.neirong{font-size:1.6rem;width:100%;overflow:hidden;padding:1rem 0 0 0;box-sizing:border-box;color:#000;margin:0 auto;min-height:400px;box-sizing:border-box;line-height:180%;}
.neirong img{max-width:100%;height:auto}
.neirong p{padding:.5rem 0}
.neirong a{font-size:1.6rem;line-height:180%;color:#000}
.neirong a:hover{font-size:1.6rem;line-height:180%;color:#3879d9}
.neirong .tb{width:100%;overflow-y:hidden}
.neirong .tb2{overflow-y:scroll}
.neirong table{margin:10px auto;width:100%;border-spacing:0px;background:#f2f2f2;border-left:1px solid #ededed;border-top:1px solid #ededed;}
.neirong th{background:#ededed;background:#f2f2f2;font-weight:700;padding:8px}
.neirong td{font-size:14px;color:#000;padding:8px;background:#fff;border-bottom:1px solid #ededed;;border-right:1px solid #ededed;}
.neirong table tr:nth-child(odd) td{background:#f8f8f8}
.neirong td p{padding:0}
.neirong>h1,
.neirong>h2,.neirong>h3,.neirong>h4,.neirong>h5,.neirong>h6{font-weight:600;line-height:120%;position:relative;margin:.6rem auto;font-size:1.8rem;}
.neirong>h1{color:rgb(56, 121, 217)}
.neirong>h2{color:rgb(56, 121, 217,.8)}
.neirong>h3{color:rgb(56, 121, 217,.7)}
.neirong>h4{color:rgb(56, 121, 217,.6)}
.neirong>h5{color:rgb(56, 121, 217,.5)}
.neirong>h6{color:rgb(56, 121, 217,.4)}
.neirong dl{border:1px solid #ededed;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.neirong dl dt{font-size:1.6rem;line-height:4rem;text-align:left;padding:5px 2rem;background:#ededed;font-weight:600;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.neirong dl dd{padding:1rem 2rem}
.neirong dl dd li{padding:4px;border-bottom:1px solid #f2f2f2}
.neirong dl dd li a{font-size:14px;line-height:30px;display:block}


.hei{position:fixed;width:100%;left:0;background:rgba(0,0,0,0.6);z-index:9999;vertical-align:middle;line-height:100%}
.hei .close{cursor:pointer;width:50px;height:50px;background:#000;position:absolute;right:10px;top:10px;font-family:'iconfont';-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.hei img{display:block;width:auto;height:auto;position:absolute;max-width:80%;max-height:80%;left:50%;top:50%;animation-duration:3s;transition:0.6s ease 0s;opacity:0.1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
@media (max-width:1080px){
    .table_div{width:100%;overflow-x: auto;}
}
.hei{position:fixed;width:100%;left:0;background:rgba(0,0,0,0.6);z-index:9999;vertical-align:middle;line-height:100%}
.hei .close{cursor:pointer;width:50px;height:50px;background:#000;position:absolute;right:10px;top:10px;font-family:'iconfont';-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.hei img{display:block;width:auto;height:auto;position:absolute;max-width:80%;max-height:80%;left:50%;top:50%;animation-duration:3s;transition:0.6s ease 0s;opacity:0.1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.pg{width:100%;text-align:center;height:60px;color:#6D6C7A;font-size:14px;line-height:40px;margin:5px auto;padding:20px 0 0 0;border-top:1px solid #f2f2f2}
.pg span{display:inline-block;width:40px;height:40px;border:1px solid #ddd;background:#f5f5f5;text-align:center;padding:0;margin:0 3px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden}
.pg .hend{width:40px;font-family:"iconfont" !important}
.pg .end{width:40px;clear:both;font-family:"iconfont" !important}
.pg a{font-size:14px;line-height:40px;color:#000;display:block;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.pg a:hover{font-size:14px;line-height:40px;color:#fff;background:#28343c}
.pg .current{background:#28343c;color:#fff}
.pg .current a{color:#fff}
.backToTop{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;width:45px;height:45px;padding:0px;background:#295dcb;font-family:"iconfont";font-size:24px;line-height:45px;color:#fff;text-align:center;cursor:pointer;right:15px;position:fixed;bottom:15px;box-shadow:0 4px 23px 5px rgba(0,0,0,0.2),0 2px 6px rgb(255,255,255);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.backToTop:hover{background-color:#256da1}
@media (max-width:1080px){
    .pg span,.pg .n{display:none}
    .pg .hend,.pg .end{display:inline-block;}
}
.more{width:auto;max-width:10rem;height:3rem;}
.more:hover{background:#f2f2f2;border-radius: .6rem;}
.more a{display:block;width:100%;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;}

.more i{font-size:1.6rem;line-height:3rem;color:#999;padding:0 .5rem 0 1rem}
.more em{color:#aaa;font-family:"iconfont" !important;font-size:1.4rem;line-height:3rem;padding:0 1rem 0 .5rem}

@media (max-width:1080px){
    .pg .n{display:none}
    .more i{font-size:1.2rem;padding:0 .5rem 0 .5rem}
.more em{font-size:1.2rem;padding:0 .5rem 0 .5rem}
.backToTop{width:30px;height:30px;font-size:16px;line-height:30px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}

}